<template>
  <el-button type="text" class="btn-del" @click="btnClick" v-bind="$attrs">
    <i class="el-icon-delete el-icon--left" style="color: #FF1C1C; font-size: 17px;"></i>{{ name }}
  </el-button>
</template>

<script>
export default {
  name: 'ZDelBtn',
  props: {
    name: {
      type: String,
      default: '删除'
    }
  },
  methods: {
    btnClick() {
      this.$emit('click')
    }
  }
}
</script>

<style lang="scss" scoped>
.btn-del {
  // background: #FF1C1C;
  // border-radius: 4px;
  color: #606266;
  // border: 0;
}
</style>
